前端学习环境准备 (3)JSPM

JSPM 可以加载不同 JS 模块的写法: AMD, CommonJS, ES6.

JSPM 内部继承了 Babel, traceUR, TypeScript 实时编译 ES6 -> ES5, 无需再手动处理.

基于 npm 和 github 的包管理器.

上线前一键 bundle 代码.

安装

npm install jspm -g

npm install jspm --save-dev

jspm init

自动生成 config.js, 运行时自动加载 browser.js 和 babel-core.js 等.

安装 github 来源包:

jspm install pkgName=github:ownerName/pkgName@version

jspm uninstall pkgName

直接安装 registry 中的包, http://github.com/jspm/registry

jspm install pkgName@version

jspm bundle src/main.js app/build.js

在 index.html 中使用

1	<script src="app/build.js"></script>

会自动加载编译后的文件, 而不再加载编译包中包含的其他文件.

jspm bundle src/main.js app/build.js --inject

那么会自动修改 condig.js 文件, 达到同样目的.